<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>人才猎聘</title>
    <link rel="stylesheet" href="./css/car_wash.css" >
</head>
<body>
        <div class="all">

            <div id="template1">
                 <div class="template1">

                        <p class="overimg">
                            <a href="javascript:;" ><img src="images/car_logo.png"></a>
                            <i class="light"></i>
                        </p>
                        <span>17车服</span>
                        <a href="javascript:;" class="title active">首页</a>
                        <a href="javascript:;" class="title">关于17车服</a>
                        <a href="javascript:;" class="title">汽车后市场</a>
                        <a href="javascript:;" class="title">商户中心</a>
                        <a href="javascript:;" class="title">社会责任</a>
                        <a href="javascript:;" class="title">环保政策</a>
                 </div>
            </div>

            <div class="c_banner">
                <div id="banner_tabs" class="flexslider">
                    <ul class="slides">

                        <li>
                            <a target="_blank" href="javascript:;">
                                <img alt="" src="images/01111.png">
                            </a>
                        </li>
                        <li>
                            <a target="_blank" href="javascript:;">
                                <img alt="" src="images/01111.png">
                            </a>
                        </li>


                    </ul>
                    <div class="zone">
                        <div class="zone1">
                            <ul class="flex-direction-nav">
                                <li><a class="flex-prev" href="javascript:;">Previous</a></li>
                                <li><a class="flex-next" href="javascript:;">Next</a></li>
                            </ul>
                            <!--<ol id="bannerCtrl" class="flex-control-nav flex-control-paging">-->

                                <!--<li class="active bubai"><a href="javascript:;"></a></li>-->

                                <!--<li><a href="javascript:;"></a></li>-->

                            <!--</ol>-->
                            <div class="server_guide">

                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div id="template3">
                <div class="template3">
                 <h2>PRODUCT ADVANTAGE</h2>
                <h3> <i>服务优势</i></h3>
                    <ul class="clearfix">
                        <li>
                            <em><img src="images/car_banner6_1.png"></em>
                            <p>24小时无人值守</p>
                        </li>
                        <li>
                            <em><img src="images/car_banner6_2.png"></em>
                            <p>网店遍布范围广</p>
                        </li>
                        <li>
                            <em><img src="images/car_banner6_3.png"></em>
                            <p>高效洗车，价格优惠</p>
                        </li>
                        <li>
                            <em><img src="images/car_banner6_4.png"></em>
                            <p>全程智能操作</p>
                        </li>
                    </ul>
                </div>
            </div>

            <div id="template4">
                <div class="template4">
                  <div class="left">
                      <h2><img src="images/car_tub2.png"><span>高效洗车</span></h2>
                      <h3>
                          智能化洗车空间，<br>
                          仅需10分钟即可让您的爱车容光焕发。
                      </h3>
                        <a href="javascript:;">了解更多<img src="images/car_tub1.png"> </a>
                  </div>
                    <div class="right">
                        <img src="images/car_banner3.png">
                    </div>
                </div>
            </div>

                <div id="template5">
                <div class="template5">
                    <div class="left">
                        <img src="images/car_banner4.png">
                    </div>
                    <div class="right">
                        <h2><img src="images/car_tub3.png"><span>价格实惠</span> </h2>
                        <h3>无人值守、零人员投入，<br>
                            使用国际一流的水循环技术，<br>
                            极大地降低水资源的浪费，<br>
                            每一次都为您精打细算。</h3>

                        <a href="javascript:;">了解更多<img src="images/car_tub1.png"> </a>
                    </div>
                </div>
            </div>
            <div id="template6">
                <div class="template6">
                    <div class="left">
                        <img src="images/car_banner2_3.png">
                        <div class="ta_c">
                            <img class="Rotation img" src="images/car_banner2_2.png" />
                        </div>
                    </div>
                    <div class="right">
                        <h2><img src="images/car_tub2.png"><span>智能控制</span> </h2>
                        <h3>采用先进的智能激光检测系统，自动检<br>
                            测车型和车身，调节清洗臂和高压喷嘴<br>
                            角度，对车身自动测量、定位、清洗。</h3>

                        <a href="javascript:;">了解更多<img src="images/car_tub1.png"> </a>
                    </div>
                </div>
            </div>
            <div id="template7">
                <div class="template7">
                    <div class="left">
                        <img src="images/car_banner5.png">
                    </div>
                    <div class="right">
                        <h2><img src="images/car_tub3.png"><span>洗车时小憩一下</span> </h2>
                        <h3>智能节水洗车空间<br>
                            充电、自助热饮、自助生活缴费</h3>

                        <a href="javascript:;">了解更多<img src="images/car_tub1.png"> </a>
                    </div>
                </div>
            </div>
            <div id="template9">
                <div class="template9">
                   <h2 >
                       <img src="images/car_tub8_4.png" class="img">

                   </h2>
                    <ul class="clearfix">
                        <li>
                            <img src="images/car_tub8_3.png">
                            <h3>17洗车</h3>
                            <p>费用低：15-20元<br/>
                                无人值守，无人员投入<br/>
                                低水耗、无排放<br/>
                                客户粘度高，洗车与加油时间与路径完全耦合<br/>
                                硬件软件高度集成，不需施工<br/>
                                占地仅30平方<br/>
                                客户体验：轻松、省时、快捷、便利
                            </p>
                        </li>
                        <li>
                            <img src="images/car_tub8_2.png">
                            <h3>传统洗车档</h3>
                            <p>费用高：30元-60元<br/>
                                人工多<br/>
                                高水耗、高排放<br/>
                                客户粘度低，随机性高<br/>
                                需要长时间现场施工，不可移动<br/>
                                需要大空间<br/>
                                客户体验：单独安排时间洗车，洗车需要等候，<br>
                                甚至排队
                            </p>
                        </li>
                        <li>
                            <img src="images/car_tub8_1.png">
                            <h3>自助洗车</h3>
                            <p>费用依时间而定（5-7元/10分钟）<br/>
                                用户自洗<br/>
                                高水耗、高排放<br/>
                                客户随机性高，受天气影响大<br/>
                                需要长时间现场施工<br/>
                                需要大空间<br/>
                                客户体验：需单独安排时间，做回“洗车仔”
                        </li>
                    </ul>
                </div>
            </div>
            <div id="template8">
                <div class="template8">
                   <h2>何止是洗车,</h2>
                    <h3>更是对未来生活空间的智能化实践。</h3>
                </div>
            </div>


                <div class="foot1">
                    <dl class="clearfix">
                        <dt><em><img src="images/car_tub7.png"> </em><br><span>17洗车服务号</span></dt>
                        <dt><em><img src="images/car_tub7.png"> </em><br><span>17洗车服务号</span></dt>
                        <dd>
                            <ul>
                                <li><h2>客服中心</h2></li>
                                <li><a href="javascript:;">投诉与建议</a></li>
                                <li><a href="javascript:;">联系客服</a></li>
                            </ul>
                        </dd>
                        <dd>
                            <ul>
                                <li><h2>服务保障</h2></li>
                                <li><a href="javascript:;">服务标准</a></li>
                                <li><a href="javascript:;">核心技术</a></li>
                            </ul>
                        </dd>
                        <dd>
                            <ul>
                                <li><h2>常见问题</h2></li>
                                <li><a href="javascript:;">我是加盟商</a></li>
                                <li><a href="javascript:;">我是车主</a></li>
                            </ul>
                        </dd>
                        <dd>
                            <ul>
                                <li><h2>联系我们</h2></li>
                                <li><a href="javascript:;">新闻中心</a></li>
                                <li><a href="javascript:;">联系我们</a></li>
                                <li><a href="javascript:;">加入我们</a></li>
                                <li><a href="javascript:;">商家合作</a></li>
                                <li><a href="javascript:;">17车服简介</a></li>

                            </ul>
                        </dd>
                    </dl>
                </div>
                <div class="foot2">
                <p>广东省汽车协会/广州汽车工程学会 监督 广州一七车服信息科技有限公司 版块所有|<img src="images/car_tub4.png"> 粤公网安备
                    34019202000014号 ICP许可证编号/备案号：粤ICP备15046934号
                </p>
                <p>
                 Copyright   © 2015 广州17洗车版权所有 About NetEase 版权所有
                </p>
                    <p><img src="images/car_tub5.png"><img src="images/car_tub6.png"> </p>

                </div>
            </div>




        <script src="js/jquery-1.11.1.min.js"></script>
        <script src="./js/slider.js"></script>
        <script src="./js/jqthumb.js"></script>

        <script>
            $(function () {
                /*回到顶部*/
                $.scrollUp();
                //$("#logo_second").show();
                var bannerSlider = new Slider($('#banner_tabs'), {
                    time: 3000,
                    delay: 400,
                    event: 'click',
                    auto: true,
                    mode: 'fade',
                    controller: $('#bannerCtrl'),
                    activeControllerCls: 'active'
                });
                $('#banner_tabs .flex-prev').click(function () {
                    bannerSlider.prev();
                    bannerSlider.stop()
                });
                $('#banner_tabs .flex-next').click(function () {
                    bannerSlider.next()
                    bannerSlider.stop();
                });
                $("#banner_tabs").hover(function () {//当鼠标移动到图片时候，停止轮播，移开图片时候，继续轮播
                    bannerSlider.stop()
                }, function () {
                    bannerSlider.next()
                })

            })
            $.scrollUp = function (options) {

                // Settings
                var settings = {
                    scrollName: 'scrollUp', // Element ID
                    topDistance: '300', // Distance from top before showing element (px)
                    topSpeed: 300, // Speed back to top (ms)
                    animation: 'fade', // Fade, slide, none
                    animationInSpeed: 200, // Animation in speed (ms)
                    animationOutSpeed: 200, // Animation out speed (ms)
                    scrollText: '返回顶部', // Text for element
                    activeOverlay: false // Set CSS color to display scrollUp active point, e.g '#00FFFF'
                };

                // Load settings
                if (options) {
                    var settings = $.extend(settings, options);
                }

                // Shorthand setting names
                var sn = '#' + settings.scrollName,
                    an = settings.animation,
                    os = settings.animationOutSpeed,
                    is = settings.animationInSpeed,
                    td = settings.topDistance,
                    st = settings.scrollText,
                    ts = settings.topSpeed,
                    ao = settings.activeOverlay;

                // Create element
                $('<a/>', {
                    id: settings.scrollName,
                    href: '#top',
                    title: st,
                    text: st
                }).appendTo('body');

                // Minium CSS to make the magic happen
                $(sn).css({
                    'display':'none',
                    'position': 'fixed',
                    'z-index': '2147483647'
                })

                // Active point overlay
                if (ao) {
                    $("body").append("<div id='"+ settings.scrollName +"-active'></div>");
                    $(sn+"-active").css({ 'position': 'absolute', 'top': td+'px', 'width': '100%', 'border-top': '1px dotted '+ao, 'z-index': '2147483647' })
                }

                // Scroll funtion
                $(window).scroll(function(){

                    // Fade animation
                    if (an === "fade") {
                        $( ($(window).scrollTop() > td) ? $(sn).fadeIn(is) : $(sn).fadeOut(os) );
                    }

                    // SlideUp animation
                    else if (an === "slide") {
                        $( ($(window).scrollTop() > td) ? $(sn).slideDown(is) : $(sn).slideUp(os) );
                    }

                    // No animation
                    else {
                        $( ($(window).scrollTop() > td) ? $(sn).show(0) : $(sn).hide(0) );
                    }

                });

                // Back to the top
                $(sn).click( function(event) {
                    $('html, body').animate({scrollTop:0}, ts);
                    return false;
                });

            }; // End scrollUp function


        </script>
        <script>
       $(function () {
           mysize();
           $(window).resize(function () {
               mysize();
           })
           function mysize() {

               var $num = $(window).width();
               console.log($num);
               $('.flexslider .slides a img').jqthumb({
                   width: $num,
                   height: 405
               });
           }
       })

        </script>
</body>
</html>